<!DOCTYPE html><html>
<head>
    <title> jQuery 动态添加删除表单 示例 | 泽泽 </title>
    <meta charset='utf-8'>
    <meta name="apple-mobile-web-app-capable" content="yes"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <link href="http://cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet">

    <style>
        body{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
            margin: 0;}
    </style>

</head>


<body>

<div class="container">


    <h3> 动态添加表单 Demo | 泽泽  </h3>
    <!--simple clone demo start-->
    <div id="simple-clone" class="demo-wrap">
    <form class="form" method="post"  action="b.php"> 

                <div class="toclone">
                    
                    <input class="input-small" type="text" placeholder="姓名" name="name[]">
                    <input class="input-medium" type="text" placeholder="手机" name="phone[]">
                    <input class="input-large" type="text" placeholder="邮箱" name="email[]">

                    <a href="#" class="clone ">添加</a>
                    <a href="#" class="delete">删除</a>
                </div>

                <p class="submit"> 
                    <input type="submit" class="btn btn-default" value="提交"> 
                </p> 

            </form>
    </div>

</div>

</body>


        <script src="https://cdn.staticfile.org/jquery/2.1.0/jquery.min.js"></script>
        <script src="jquery-cloneya.js"></script>
        <script>
             $('#simple-clone').cloneya();
        </script>
</html>
